﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SystemRoles.aspx.cs" Inherits="HousePropertyClient.Admin.SystemRoles" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>角色管理</title>
    <link href="../../Easy-ui/yemina/css/style.css" rel="stylesheet" />
    <script src="../../Easy-ui/yemina/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
    //添加弹出框
  $(".click1").click(function () {
      $(".tipp").fadeIn(200);
  });
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
      $(".tip").fadeOut(100);
      $(".tipp").fadeOut(100);
});
});
</script>
</head>
<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#"> >> </a></li>
    <li><a href="#">角色管理</a></li>
    </ul>
    </div>
    
    <div class="rightinfo">
    
    <div class="tools">
    	<ul class="toolbar">
           <li class="click1">
               <span><img src="../../Easy-ui/yemina/images/t01.png" /></span>添加角色
           </li>
           <li>
               <span><img src="../../Easy-ui/yemina/images/icon06.png" style="width:25px;height:25px;" /></span>设置权限
           </li>
           <li>
               <input name="" type="text" class="dfinput" placeholder="请输入角色名称查询" />
           </li>
            <li class="click">
               <span><img src="../../Easy-ui/yemina/images/ico06.png" style="width:30px;height:25px;" /></span>查询
            </li>
        </ul>   
    </div>

    <%--显示数据页面--%>
    <table class="tablelist">
    	<thead>
    	    <tr>
            <th>编号<i class="sort"><img src="../../Easy-ui/yemina/images/px.gif" /></i></th>
            <th>角色名称</th>
            <th>备注</th>
            <th>是否已启用</th>
            <th>操作</th>
            </tr>
        </thead>
     <tbody>
        <tr>
            <td>1</td>
            <td>超级管理员</td>
            <td>啦啦啦</td>
            <td>已启用</td>
            <td><a href="#" class="click">编辑</a>     
                <a href="#" class="tablelink">删除</a>
            </td>
        </tr> 
        
        <tr>
            <td>2</td>
            <td>估价员</td>
            <td>啦啦啦</td>
            <td>已启用</td>
            <td><a href="#"  class="click">编辑</a>     
                <a href="#" class="tablelink">删除</a>
            </td>
        </tr>       
        </tbody>
    </table>
    
   <%-- 分页显示 --%>
    <div class="pagin">
    	<div class="message">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
        <ul class="paginList">
        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
        <li class="paginItem"><a href="javascript:;">1</a></li>
        <li class="paginItem current"><a href="javascript:;">2</a></li>
        <li class="paginItem"><a href="javascript:;">3</a></li>
        <li class="paginItem"><a href="javascript:;">4</a></li>
        <li class="paginItem"><a href="javascript:;">5</a></li>
        <li class="paginItem more"><a href="javascript:;">...</a></li>
        <li class="paginItem"><a href="javascript:;">10</a></li>
        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
        </ul>
    </div>
    
    <%--编弹出框--%>
    <div class="tip">
    	<div class="tiptop"><span>提示信息</span><a></a></div>
        
          <div class="tipinfo">
            <span><img src="../../Easy-ui/yemina/images/ticon.png" /></span>
            <div class="tipright">
                <p>是否确认对信息的修改 ？</p>
                <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
            </div>
        </div>       
        <div class="tipbtn">
            <input name="" type="button"  class="cancel" value="确定" />&nbsp;
            <input name="" type="button"  class="cancel" value="取消" />
        </div>
    
    </div>
         <%-- 添加弹出框 --%>
        <div class="tipp">
    	    <div class="tiptop"><span>添加角色</span><a></a></div>
          <div class="tipinfo">           
                   <div class="formbody" >
                     <ul class="forminfo">
                        <li>
                            <label><b>*</b>员工姓名：</label>
                             <input name="" type="text" class="dfinput" placeholder="请输入员工姓名" />
                        </li>
                        <li>
                            <label>备注：</label>
                            <textarea name="" cols="" rows="" class="textinput" placeholder="说点什么吧...最少10个字符"></textarea>
                        </li>
                    </ul>
               </div> 
           </div>
            
            <div class="tipbtn1">
                <input name="" type="button"  class="cancel" value="确定" />&nbsp;
                <input name="" type="button"  class="cancel" value="取消" />
            </div>
    
        </div>
    </div>
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>
</body>
</html>
